<template>
    <div style="width:100%;height: 100%;background-color: rgb(255, 255, 255);" class="printId" >
           <div>
    <input type="button" value="打印此页面" @click="printpage()" />
   
</div>
 <div class="printId" id="printId">
        <div style=" " class="ziti">
            <div style="text-align: center;">
                <h2>高处安全作业证</h2>
            </div>
            <!-- <div v-if="btn" class="ok">
                <a-button @click="edit()" type="primary">修改</a-button>
            </div>
            <div v-if="!btn" style="display:flex" class="ok">
                <a-button @click="save()" type="primary">保存</a-button>
                <a-button style="margin-left:10%" @click="edit()" type="primary">取消</a-button>
            </div> -->
        </div>
        
  
           <div >
               <el-form ref="form"  style="width:100%;">
                <div >
                   <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="申请单位:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:100px; "></el-input>
                    <el-form-item label="申请人:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:100px; "></el-input>
                    <el-form-item label="作业证编号:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:300px; "></el-input>
                   </div>

                   <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业时间:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:642px; "></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业地点:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:642px; height:60px"></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业内容:" style="display:flex;height:50px">
                    </el-form-item>
                    <el-input style="width:642px; height:50px"></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业高度:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:150px;"></el-input>

                    <el-form-item label="作业类别:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:420px;"></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业单位:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:150px;"></el-input>

                    <el-form-item label="监护人  :" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:430px;"></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业人 :" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:150px;"></el-input>

                    <el-form-item label="涉及的其他特殊作业:" style="display:flex;">
                    </el-form-item>
                    <el-input  style="width:360px;"></el-input>
                    </div>

                    <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="危害辨识:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:642px; height:60px"></el-input>
                    </div>
                </div>
         
           <table class="anquancuoshi formbiao">
                <tr>
                    <td style="width: 150px;">序号</td>
                    <td style="width: 500px;">安全措施</td>
                    <td style="width: 150px;">确认人</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>作业人员身体条件符合要求</td>
                    <td></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>作业人员着装符合工作要求</td>
                    <td></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>作业人员佩戴合格的安全帽</td>
                    <td></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>作业人员佩戴安全带、安全带高挂低用</td>
                    <td></td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>作业人员携带有工具袋及安全绳</td>
                    <td></td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>作业人员佩戴：A.过滤式防毒面具或口罩，B.空气呼吸器</td>
                    <td></td>
                </tr>
                <tr>
                    <td>7</td>
                    <td>现场搭设的脚手架、防护网、围栏符合安全规定</td>
                    <td></td>
                </tr>
                <tr>
                    <td>8</td>
                    <td>垂直分层作业中间有隔离设施</td>
                    <td></td>
                </tr>
                <tr>
                    <td>9</td>
                    <td>梯子、绳子符合安全规定</td>
                    <td></td>
                </tr>
                <tr>
                    <td>10</td>
                    <td>石棉瓦等轻型棚的承重梁、柱能承重负荷的要求</td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td>作业人员在石棉瓦等不承重物作业所搭设的承重板稳定牢固</td>
                    <td></td>
                </tr>
                <tr>
                    <td>12</td>
                    <td>采光、夜间作业照明符合作业要求，（需采用并已采用/无需采用）防爆灯</td>
                    <td></td>
                </tr>
                <tr>
                    <td>13</td>
                    <td>30m以上高处作业配备通讯、联络工具</td>
                    <td></td>
                </tr>
                <tr>
                    <td>14</td>
                    <td>其他安全措施：</td>
                    <td></td>
                </tr>
                
            </table>
            <div>
                <div style="display:flex;height: 41px;;" :span="24" class="formbiao">
                    <el-form-item label="实施安全教育人:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:600px; height:60px"></el-input>
                </div>

                <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="实施安生产单位作业负责人意见:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:200px; height:60px"></el-input>

                    <el-form-item label="签字:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:100px; height:60px"></el-input>
                    <el-input  style="width:158px; height:60px" placeholder="XXXX年XX月XX日"></el-input>
                </div>

                <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="作业单位负责人意见:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:270px; height:60px"></el-input>

                    <el-form-item label="签字:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:100px; height:60px"></el-input>
                    <el-input  style="width:158px; height:60px" placeholder="XXXX年XX月XX日"></el-input>
                </div>

                <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="[MISSING IMAGE]审核部门意见:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:205px; height:60px"></el-input>

                    <el-form-item label="签字:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:100px; height:60px"></el-input>
                    <el-input  style="width:158px; height:60px" placeholder="XXXX年XX月XX日"></el-input>
                </div>

                <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="审批部门意见:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:315px; height:60px"></el-input>

                    <el-form-item label="签字:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:100px; height:60px"></el-input>
                    <el-input  style="width:158px; height:60px" placeholder="XXXX年XX月XX日"></el-input>
                </div>

                <div style="display:flex;height: 41px;" :span="24" class="formbiao">
                    <el-form-item label="完工验收签字:" style="display:flex;height:60px">
                    </el-form-item>
                    <el-input  style="width:460px; height:60px" ></el-input>
                    <el-input  style="width:158px; height:60px" placeholder="XXXX年XX月XX日"></el-input>
                </div>
            </div>
        </el-form>
           </div>
            
        </div>
    </div>
  
  </template>
  <script>

export default {
  created() {
    
  },
  data() {
      return {
          
      }
  },
  methods: {
    printpage (){
        
    
    // 这里我们是对局部打印做的演示
// 首先获取局部html，也就是打印的区域
const printHTML = document.querySelector('#printId').innerHTML; 
// 将打印的区域赋值，进行打印
window.document.body.innerHTML = printHTML;
window.print(); // 调用window打印方法
window.location.reload(); // 打印完成后重新加载页面

	
}
  }
}




  </script>
  <style  lang="less" scoped>
   .printId{
    border-style:solid;
    outline-style:none;
	border-width:1px;
    margin-left: 5%;
    width: 50%;
   }
   .ziti{
    
    margin-left: 2%;
    outline-style:none;
   
	border-width:1px;
    
   }
   .formbiao{
    border-style:solid;
	border-width:1px;
   }
   
.anquancuoshi,td,th{
    border: 1px solid black;
}
  
  </style>
  